<template>
  <div>
    {{a}}
    <Child @toParent="toParent" />
  </div>
</template>

<script>
export default {
  components: {
    Child: () => import("./child"),
  },
  data() {
    return {
      a: 1,
    };
  },
  methods: {
    toParent(val) {
      console.log("Val:", val);
    },
  },
  created() {
    console.log(this, "created");
  },
};
</script>

<style>
</style>